<template>
    <scroll-view scroll-y class="scroll_view">
        <view class="files_list">
            <view class="file_item" v-for="(ele, index) in filesList" :key="index">
                <view class="file_title ellipsis">{{ ele.title }}</view>
                <view class="file_time">
                    <text class="type">{{ ele.type }}</text>
                    <text class="time">{{ ele.time }}</text>
                </view>
            </view>
        </view>
    </scroll-view>
</template>
  
<script setup>
defineProps({
    filesList: {
        type: Array,
        default: () => [{
            title: '省教育厅办公室关于开展2023年江苏省教育系统网络安全宣传知识库',
            type: '苏联院综',
            time: '2023-10-14'
        }]
    }
})

</script>
  
<style lang="scss">
.files_list {
    width: 95%;
    margin: 0 auto;

    .file_item {
        padding: 24rpx 0;
        border-bottom: 2rpx solid #eeeeee;

        .file_title {
            font-size: 30rpx;
            color: #333333;
            line-height: 45rpx;
        }

        .file_time {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10rpx;


            .type,
            .time {
                font-size: 28rpx;
                color: #999999;
            }
        }
    }
}
</style>
  